
body {
	margin: 0;
	margin-top: 15px;
	padding: 0;
	height:100%;
	background:#f0f0ff url('../images/body_back.png') repeat-x;
	color: #000;
	font: 0.8em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #333;
	text-align: center; 
}

.main {
	width:800px;
	margin:0 auto;
	background:url(../images/border.jpg) repeat-y top center ;
	}
.main_bottom {
	width:800px;
	margin:0 auto;
	background:url(../images/main_bottom.png) bottom center;
	}	
* html {height:100%}	

.login_box{
	position:absolute;
	top:30px;
	width:200px;
	height:80px;
	background:url(../images/login_box.png) no-repeat center;
}

.panel_box{
	position:absolute;
	top:188px;
	height:20px;
	width:800px;
	text-align:left;
}

.login_box_text{
	color: #333;
	margin-left:3px;
	text-align:left;
	font: 10px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.login_box_error_text{
	color: #f00;
	margin-left:3px;
	text-align:left;
	font: 10px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.login_input{
	width:120px;
	margin-right:3px;
	color:#cadbcb;
	background:#006e2e;
	border: 0px;
	font: 10px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.debug_box{
	position:absolute;
	left:0px;
	top:0px;
	text-align:left;
}
.debug_tab{
	background:#cadbcb;
}
.loader {
	position:absolute;
	top:150px;
}

.content_box {
	margin-left:auto; 
	margin-right:auto;
	border:0px; 
	padding:0px; 
	border-spacing:0px;
	width:600px;
	background:#f0f0ff url('../images/content.png') repeat-y center;
}
.content {
	padding:10px; 
	margin-left:10px;
	margin-right:10px;
}
.bottom {
	width:600px;
	height:10px;
	background:#f0f0ff url('../images/bottom.png') no-repeat;
}
.top {
	width:600px;
	height:10px;
	background:#f0f0ff url('../images/top.png') no-repeat;
}
.messages_box {
    position:absolute;
    left:500px;
    top:110px;
    width:500px;
    margin:5px;
    text-align:left;
    background:#393;
}